<template>
  <div class="container">
    <div class="notice"></div>

    <div class="HotName">今日推荐</div>

    <div class="">唯爱与美食不可辜负</div>

    <!-- 热门商品轮播-->
    <hot-swiper></hot-swiper>

    <!-- 优惠专区 -->
    <discount></discount>
    <!-- 新品首发 -->
    <new-goods></new-goods>
    <!-- 品牌制造商直供 -->
    <!--<brand></brand>-->
    <!-- 分类商品 -->
    <category></category>
    <!-- 专题精选 -->
    <!--<topic></topic>-->
    <IndexFooter></IndexFooter>
  </div>
</template>

<script>
  import HotSwiper from "@/components/HotSwiper";
  import Discount from "@/components/Discount";
  import NewGoods from "@/components/NewGoods";
  import Brand from "@/components/Brand";
  import Category from "@/components/Category";
  import Topic from "@/components/Topic";
  import IndexFooter from './IndexFooter'


  export default {
    name: "home",
    components: {HotSwiper,Discount,NewGoods,Brand,Category,Topic,IndexFooter},
    created() {
      this.$fetch(this.rootUrl+'home/index').then((response)=>{
        this.$store.dispatch('comitData', response.data);
        // console.log("state:"+JSON.stringify(this.$store.state))
      })
    },
    computed:{
      grouponList() {
        return this.$store.state.grouponList
      }
    }
  }
</script>

<style scoped>

</style>
